@mixin text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@mixin text-ellipsisclamp($clamp){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: $clamp;overflow: hidden;}
@mixin transition{transition: all .3s linear;}

/* 首页 */
.Index{
    .container{padding: 1.5rem .4rem;}
    .logo{text-align: center;
        img{display: block;margin: 0 auto .8rem;}
    }
    .title{font-size: .34rem;color: #000;margin-bottom: .15rem;}
    .dsc{font-size: .3rem;color: #666;}
    .form{height: auto;overflow: hidden;margin-top: .8rem;
        .row{height: auto;overflow: hidden;border: 1px solid #DCDFE6;margin-bottom: .3rem;position: relative;display: flex;
            input{height: .8rem;font-size: .3rem;padding: 0 .2rem;flex: 1;}
            .btnCode{font-size: .3rem;line-height: .8rem;padding-right: .2rem;color: #E54437;
                &:disabled{color: #aaa;}
            }
        }
        .btn{height: .85rem;line-height: .85rem;font-size: .3rem;background: #E54437;color: #fff;text-align: center;margin-top: .5rem;}
    }
}

/* 绑定成功 */
.Success{
    .container{padding: 1.5rem .4rem;}
    .logo{text-align: center;
        img{display: block;margin: 0 auto 2rem;}
    }
    .icon img{width: 1.2rem;display: block;margin: 0 auto .3rem;}
    .title{font-size: .34rem;color: #000;margin-bottom: .15rem;text-align: center;}
}

/* 加载中 */
.Loading{
    .container{padding: 1.5rem .4rem;}
    .logo{text-align: center;
        img{display: block;margin: 0 auto 2rem;}
    }
    .title{font-size: .3rem;color: #666f;margin-bottom: .15rem;text-align: center;}
    .loading{width: 1.2rem;height: auto;margin: 0 auto;margin: 2.2rem auto .6rem;
        span{display: inline-block;width: .16rem;height: 100%;border-radius: 4px;background: lightgreen;-webkit-animation: load 1s ease infinite;animation: load 1s ease infinite;}
    }
	.loading span:nth-child(2){
		-webkit-animation-delay:0.2s;
		animation-delay:0.2s;
	}
	.loading span:nth-child(3){
		-webkit-animation-delay:0.4s;
		animation-delay:0.4s;
	}
	.loading span:nth-child(4){
		-webkit-animation-delay:0.6s;
		animation-delay:0.6s;
	}
	.loading span:nth-child(5){
		-webkit-animation-delay:0.8s;
		animation-delay:0.8s;
	}
}

@-webkit-keyframes load{
    0%,100%{
        height: 40px;
        background: lightgreen;
    }
    50%{
        height: 70px;
        margin: -15px 0;
        background: lightblue;
    }
}